<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="msvalidate.01" content="CB7D41B769EED78B294F9EB873406AA8"/>

    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
    <meta name="Description" content="FluentLenium is a website automation framework which
   extends Selenium to write reliable and resilient UI functional tests.
    This framework is React ready. Written and maintained by people who
     are automating browser-based tests on a daily basis.">
    <meta name="author" content="{{ site.author.name }}"/>

    {% if page.subtitle %}
    <meta name="description" content="{{ page.subtitle }}">
    {% endif %}

    <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - {{ site.description }}"
          href="{{ site.baseurl }}/feed.xml"/>

    {% if layout.common-ext-css %}
    {% for css in layout.common-ext-css %}
    <link rel="stylesheet" href="{{ css }}"/>
    {% endfor %}
    {% endif %}

    {% if layout.common-css %}
    {% for css in layout.common-css %}
    <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}"/>
    {% endfor %}
    {% endif %}

    {% if layout.common-googlefonts %}
    {% for font in layout.common-googlefonts %}
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}"/>
    {% endfor %}
    {% endif %}

    {% if page.ext-css %}
    {% for css in page.ext-css %}
    <link rel="stylesheet" href="{{ css }}"/>
    {% endfor %}
    {% endif %}

    {% if page.css %}
    {% for css in page.css %}
    <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}"/>
    {% endfor %}
    {% endif %}

    {% if page.googlefonts %}
    {% for font in page.googlefonts %}
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}"/>
    {% endfor %}
    {% endif %}

    <!-- Facebook OpenGraph tags -->
    <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>
    <meta property="og:type" content="website"/>
    {% if page.id %}
    <meta property="og:url" content="{{ site.url }}{{ page.url }}"/>
    {% else %}
    <meta property="og:url" content="{{ site.url }}{{ page.url | remove: '/index.html' | remove: '.html' }}"/>
    {% endif %}
    {% if page.share-img %}
    <meta property="og:image" content="{{ page.share-img }}"/>
    {% elsif site.avatar %}
    <meta property="og:image" content="{{ site.url }}{{ site.avatar }}"/>
    {% else %}
    <meta property="og:image" content=""/>
    {% endif %}

    <!-- Twitter summary cards -->
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@{{ site.author.twitter }}"/>
    <meta name="twitter:creator" content="@{{ site.author.twitter }}"/>
    <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>
    <meta name="twitter:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}"/>
    {% if page.share-img %}
    <meta name="twitter:image" content="{{ page.share-img }}"/>
    {% elsif site.avatar %}
    <meta name="twitter:image" content="{{ site.url }}{{ site.avatar }}"/>
    {% endif %}

    {% include analytics.html %}
</head>
